:root:root {
  .el-button {
    &.el-button--primary,
    &.el-button--success,
    &.el-button--info,
    &.el-button--warning,
    &.el-button--danger {
      border: none;
    }

    height: var(--core-component-size);
  }

  .el-button--small {
    height: var(--core-component-size-small);
  }

  .el-button--large {
    height: var(--core-component-size-large);
  }

  .el-switch {
    height: auto;
  }

  .el-select .el-select__wrapper {
    min-height: var(--core-component-size);
  }

  .el-select--small .el-select__wrapper {
    min-height: var(--core-component-size-small);
  }

  .el-select--large .el-select__wrapper {
    min-height: var(--core-component-size-large);
  }

  .el-segmented {
    --el-segmented-padding: 4px;

    min-height: var(--core-component-size);
  }

  .el-segmented--small {
    --el-segmented-padding: 2px;

    min-height: var(--core-component-size-small);
  }

  .el-segmented--large {
    --el-segmented-padding: 6px;

    min-height: var(--core-component-size-large);
  }

  // .el-popper.is-light,
  // .el-popper.is-light > .el-popper__arrow::before {
  //   background-color: var(--core-bg-color-04);
  // }

  .el-popper.tooltip-light,
  .el-popper.tooltip-light > .el-popper__arrow::before {
    background: var(--core-bg-color-04);
  }

  .el-menu--vertical.el-menu--popup-container,
  .core-aside-menu.el-menu--vertical {
    --el-menu-item-height: var(--core-menu-item-height);
    --el-menu-sub-item-height: var(--core-menu-sub-item-height);
    --el-menu-base-level-padding: var(--core-menu-base-level-padding);
    --el-menu-icon-width: var(--core-menu-icon-width);
  }

  // 垂直菜单
  .el-menu--vertical {
    margin: 8px;
    border-right: none;

    .el-menu-item,
    .el-sub-menu__title {
      margin-bottom: 8px;
      border-radius: 8px;

      .core-menu-icon {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        width: var(--el-menu-icon-width);
        height: var(--el-menu-icon-width);
        margin-right: 8px;
        font-size: var(--el-menu-icon-width);
        transition: transform 0.25s;
      }

      .core-menu-new-icon {
        width: 28px;
        padding-left: 4px;
        margin-left: auto;
      }

      &:hover {
        .core-menu-icon {
          transform: scale(1.2);
        }

        color: rgb(var(--core-primary-color));
      }
    }

    .el-menu-item.is-active {
      background-color: var(--el-color-primary-light-8);
    }

    .el-sub-menu.is-active > .el-sub-menu__title {
      color: rgb(var(--core-primary-color));
    }
  }

  // 垂直折叠菜单
  .core-aside-menu.el-menu--collapse {
    .el-sub-menu.is-active .el-sub-menu__title {
      background-color: var(--el-color-primary-light-8);
    }

    .el-menu-item,
    .el-sub-menu {
      .core-menu-new-icon {
        display: none;
      }

      .core-menu-icon {
        margin-right: 0;
      }
    }
  }

  // 垂直折叠弹窗菜单
  .el-menu--vertical.el-menu--popup-container {
    margin: 0;

    .el-menu {
      max-width: 240px;
      padding: 12px 8px;

      .el-menu-item:last-child,
      .el-sub-menu:last-child .el-sub-menu__title {
        margin-bottom: 0;
      }
    }
  }
}
